:root {
  --theme-color-primary: #165dff; // 标准色
  --theme-color-success: #52d29e; // 成功色
  --theme-color-error: #f43c3c; // 标准色
  --theme-color-1: #fd7a1e; // 辅助色 1
  --theme-color-2: #3ec0f8; // 辅助色 2
  --theme-color-disabled: #cdcdd0; // 禁止色
  // 字体色
  --theme-color-text-primary: #2a2b2f; // 重要文字色
  --theme-color-text-regular: #6a6b6f; // 次要文字色
  --theme-color-text-secondary: #9a9b9f; // 次次要文字色
  --theme-color-text-low: #c3c7ce; // 最低级文字色
  // 描边
  --theme-color-border: #dae0e7; // 描边色
  --theme-color-border-split: #eeeff3; // 描边色/分割线
  --theme-layout-border: 1px solid var(--theme-color-border-split);
  // 背景色
  --theme-color-background: #fafafc; // 描边色
  // 字体大小
  --theme-font-size-primary: 14px; // 操作层
  --theme-font-size: 12px; // 阅读层
  --theme-border-radius: 8px; // 边框圆角

  // 布局间距
  --theme-gap-large: 14px;
  --theme-gap-small: 10px;
  --theme-gap-auto: var(--theme-gap-large);
  // 内边距
  --theme-padding-horizontal: 20px;
  --theme-padding-vertical: 12px;
}
@media screen and (max-width: 1600px) {
  :root {
    --theme-gap-auto: var(--theme-gap-small);
  }
}
